﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>ILD政务项目后台UI框架-960px固定宽度版本</title>
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
	<script language="javascript" src="theme/javascript/jquery.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="theme/default/css/reset.css">
	<link rel="stylesheet" type="text/css" href="theme/default/css/index.css">
	<script language="javascript" src="theme/javascript/index.js" type="text/javascript"></script>
	<script language="javascript" src="theme/javascript/jscolor.js" type="text/javascript"></script>
       	
	<!-- 按钮  begin -->	
	<link rel="stylesheet" type="text/css" href="theme/javascript/css/linkbutton.css">	
	<link rel="stylesheet" type="text/css" href="theme/javascript/css/icon.css">	
	<script language="javascript" src="theme/javascript/nbeport.linkbutton.js" type="text/javascript"></script>
    <!-- 按钮  end -->

	<!--滚动条  begin -->
    <script language="javascript" src="theme/javascript/jquery.tinyscrollbar.min.js" type="text/javascript"></script>	
    <script language="javascript" src="theme/javascript/website.js" type="text/javascript"></script>	
    <script language="javascript" src="theme/javascript/cufon.js" type="text/javascript"></script>	
   
 <!-- 滚动条  end -->
	
	<!-- alert弹窗控件  begin -->
    <link rel="stylesheet" type="text/css" href="theme/javascript/skins/blue.css">
    <script language="javascript" src="theme/javascript/jquery.artDialog.min.js" type="text/javascript"></script>	
    <script language="javascript" src="theme/javascript/artDialog.plugins.min.js" type="text/javascript"></script>	
    <!-- alert弹窗控件  end -->
</head>

<body >
<script type="text/javascript">
$(document).ready(
function(){
  $(".looksource").click(function(){
  $(this).addClass("");
  $(this).removeClass("looksource");
  var m = $(this).parent().parent().parent().html(); 
  prompt("源码如下:(请直接复制使用)",m)});

  });


</script>
<div id="head" ><div id="colorSelector"><div style="background-color: #0000ff"></div></div>

    <p>欢迎您，<span class="y">nbeport</span></p>
</div>
<ul class="nav">
  <li><a href="index.html">首页</a></li>
  <li   class="cur"><a href="nav.html">导航条模板</a></li>  
  <li><a href="tip.html">提示框模板</a></li>  
  <li><a href="button.html">按钮模板</a></li>  
  <li><a href="leftmenu.html">左侧菜单模板</a></li>  
  <li><a class="go" href="#">弹窗控件预留</a></li>    
</ul> 


<div id="mainbody">

  <div class="l">
   <div class="name"><span>导航条模板</span></div>
   <div class="list" id="list">
   <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <ul class="overview">		 
              <li><a href="#" class="active"><span>菜单样式枚举</span></a></li>			  
   
    		
             </ul>
		</div>
   </div>
  </div>  
  
  <div class="r" >
    <div class="name"><span>内容标题</span></div>
    <div class="content">
  
 
	<div id="scrollbar1">
		<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
		<div class="viewport">
			 <div class="overview">


<div class="nbeportNavStyle" >
 <ul class="nav a">
  <li class="cur"><a href="#">style1</a></li>
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a class="looksource" href="#">查看代码</a></li>    
 </ul>  
</div>

<div class="nbeportNavStyle">
 <ul class="nav b">
  <li class="cur"><a href="#">style2</a></li>
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a class="looksource" href="#">查看代码</a></li>    
 </ul>   
</div>

<div class="nbeportNavStyle">
 <ul class="nav c">
  <li class="cur"><a href="#">style3</a></li>
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a class="looksource" href="#">查看代码</a></li>    
 </ul>   
</div>	

<div class="nbeportNavStyle">
 <ul class="nav c">
  <li class="cur"><a class="block" href="#">style4</a></li>
  <li><a class="block" href="#">二级页面</a></li>  
  <li><a class="block" href="#">二级页面</a></li>  
  <li><a class="block" href="#">二级页面</a></li>  
  <li><a class="block" href="#">二级页面</a></li>  
  <li><a class="looksource block" href="#">查看代码</a></li>    
 </ul>   
</div>	

<div class="nbeportNavStyle">
 <ul class="nav d">
  <li class="cur"><a href="#">style5</a></li>
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a class="looksource" href="#">查看代码</a></li>    
 </ul>   
</div>	

<div class="nbeportNavStyle">
 <ul class="nav g">
  <li class="cur"><a href="#">style5</a></li>
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a href="#">二级页面</a></li>  
  <li><a class="looksource" href="#">查看代码</a></li>    
 </ul>   
</div>			 



<div class="nbeportNavStyle">
 <ul class="nav g border">
  <li class="cur"><a href="#"><span>IE6、7也显示圆角</span></a></li>
  <li><a href="#"><span>二级页面</span></a></li>  
  <li><a href="#"><span>二级页面</span></a></li>  
  <li><a href="#"><span>二级页面</span></a></li>  
  <li><a href="#"><span>二级页面</span></a></li>  
  <li><a class="looksource" href="#"><span>二级页面</span></a></li>    
 </ul>   
</div>	

<div class="nbeportNavStyle">
 <ul class="nav g border">
  <li class="cur"><a class="radius" href="#"><span>IE6、7也显示圆角</span></a></li>
  <li><a class="radius" href="#"><span>二级页面</span></a></li>  
  <li><a class="radius" href="#"><span>二级页面</span></a></li>  
  <li><a class="radius" href="#"><span>二级页面</span></a></li>  
  <li><a class="radius" href="#"><span>二级页面</span></a></li>  
  <li><a class="looksource radius" href="#"><span>二级页面</span></a></li>    
 </ul>   
</div>	

<div class="nbeportNavStyle">
 <ul class="nav g border" style="background:#fff;">
  <li class="cur"><a class="radius btn_3d" href="#"><span>style5</span></a></li>
  <li><a class="radius btn_3d" href="#"><span>二级页面</span></a></li>  
  <li><a class="radius btn_3d" href="#"><span>二级页面</span></a></li>  
  <li><a class="radius btn_3d" href="#"><span>二级页面</span></a></li>  
  <li><a class="radius btn_3d" href="#"><span>二级页面</span></a></li>  
  <li><a class="looksource radius btn_3d" href="#"><span>查看代码</span></a></li>    
 </ul>   
</div>				 
			 </div>
		</div>
	</div>	
	</div>
  
  

  </div>   
  
     
</div>   
    <!-- mainbody结尾 -->

 <div id="footer">
 
   
   <p> 
  <!-- 底部链接 预留 <a href="#">合作企业</a>|<a href="#">联系我们</a>|<a href="#">帮助中心</a></br>-->
   Copyright© 2009 nbeport.gov.cn All Rights Reserved</br>

</p>   


 </div> <!--end of footer -->
</body>
</html>
